export default function FileMenu({ pdfName }) {
    
    const tableStyle={
        width: '100%'
    }

  return (
    <>
      <table className="file-menu" style={tableStyle}>
        <tbody>
        <tr>
          <td>
            <a
              href={"/merge/" + pdfName}
              className="active"
              title="Merge multiple PDF documents into one"
            >
              <span className="icon">
                <img width="30" height="30" src="/img/svg/merge.svg"  />
              </span>
              Merge
            </a>
          </td>
          <td>
            <a href={"/split/" + pdfName} title="Split PDF into individual pages">
              <span className="icon">
                <img width="30" height="30" src="/img/svg/split.svg"  />
              </span>
              Split
            </a>
          </td>
          <td>
            <a
              href={"/resize/" + pdfName}
              title="Resize PDF resolution or paper size"
            >
              <span className="icon">
                <img width="30" height="30" src="/img/svg/resize.svg"  />
              </span>
              Resize
            </a>
          </td>
          <td>
            <a href={"/convert/" + pdfName} title="Convert PDF to JPG/PNG/DOC...">
              <span className="icon">
                <img width="30" height="30" src="/img/svg/convert.svg"  />
              </span>
              Convert
            </a>
          </td>
          <td>
            <a href={"/crop/" + pdfName} title="Crop or extend document margins">
              <span className="icon">
                <img width="30" height="30" src="/img/svg/crop.svg"  />
              </span>
              Crop
            </a>
          </td>
          <td>
            <a href={"/rotate/" + pdfName} title="Rotate PDF">
              <span className="icon">
                <img width="30" height="30" src="/img/svg/rotate.svg"  />
              </span>
              Rotate
            </a>
          </td>
          <td>
            <a
              href={"/multipage/" + pdfName}
              title="Arrange multiple pages per sheet"
            >
              <span className="icon">
                <img width="30" height="30" src="/img/svg/multipage.svg"  />
              </span>
              N-up
            </a>
          </td>
          <td>
            <a href={"/optimize/" + pdfName} title="Optimize PDF to save space">
              <span className="icon">
                <img width="30" height="30" src="/img/svg/optimize.svg"  />
              </span>
              Optimize
            </a>
          </td>
          <td>
            <a
              href={"/black-and-white/" + pdfName}
              title="Convert the file to black and white"
            >
              <span className="icon">
                <img
                  width="30"
                  height="30"
                  src="/img/svg/black-and-white.svg"
                  
                />
              </span>
              Grayscale
            </a>
          </td>
          <td>
            <a
              href={"/delete-pages/" + pdfName}
              title="Reorder or delete pages from PDF"
            >
              <span className="icon">
                <img
                  width="30"
                  height="30"
                  src="/img/svg/delete-pages.svg"
                  
                />
              </span>
              Pages
            </a>
          </td>
        </tr>
        </tbody>

      </table>
    </>
  );
}
